$(function (){

	
    layui.use([ 'table', 'form', 'layer' ], function() {
        var table = layui.table;
        var form = layui.form;
        var layer = layui.layer;

        table.render({
            elem : '#EvaTable',
            url : '/selectE_Teacher', // 数据接口
            response : {
                statusCode : 200
                // 重新规定成功的状态码为 200，table 组件默认为 0
            },
            parseData : function(res) { // res 即为原始返回的数据
                return {
                    "count" : res.tol,
                    "code" : res.status, // 解析接口状态
                    "msg" : res.message, // 解析提示文本
                    "data" : res.list
                    // 解析数据列表
                };
            },
            cols : [ [ // 表头
                {
                    field : 'testId',
                    title : '编号',
                    align : 'center',
                    width : 200,
                    fixed : 'left'
                }, {
                    field : 'testContent',
                    align : 'center',
                    title : '内容'
                }, {
                    field : 'operate',
                    align : 'center',
                    toolbar : '#barDemo',
                    title : '操作',
                    width : 180
                } ] ]
        });

        //监听工具
        table.on("tool(EvaTable)",function (obj) {
        	var data = obj.data;
            var testId=data.testId;
            var testContent = data.testContent;
            var text = $("#span").text();
            if (obj.event == 'edit'){
            	
            	console.log(testId);
                console.log(testContent);
            	
            	layer.open({
					title:'请填写添加学生的信息',
					type : 1,
					skin : 'layui-layer-rim', // 加上边框
					area : [ '550px','200px' ], // 宽高
					content : '<form class="layui-form layui-form-pane" id="form" action="#">\n'
							+ '  <br>\n'
							+ '  <div class="layui-form-item">\n'
							+ '    <label class="layui-form-label">内容</label>\n'
							+ '    <div class="layui-input-block">\n'
							+ '      <input type="text" id="inp" name="testContent" lay-verify="testContent" autocomplete="off" class="layui-input" >\n'
							+ '    </div>\n'
							+ '  </div>\n'
							+ '<div ><button id="form_btn"  lay-submit lay-filter="*" class="layui-btn" style="margin-left: 180px;">提交</button>\n'
							+ '<button type="reset" class="layui-btn layui-btn-primary">重置</button></div>\n'
							+ '</form>'
					});
				form.render();
            	
				$("#inp").val(testContent);
				$("#Q").text(testId);	
            	
            }
          //提交	
            form.on('submit(*)', function(data){
				var formData = data.field;
				
        		var testContent =formData.testContent;
        		
        		console.log("form"+text);
        		console.log("form"+testId);
        		console.log("form"+testContent);
        		
        		
        		if(testContent==""){
                    layer.alert('内容不能为空',{
                        icon : 2,
                        skin : 'layer-ext-moon'
                    })
                }else{
                    $.ajax({
                        url:'/updateEva',
                        dataType:'json',
                        type:'post',
                        data:{
                            "testId" : testId,
                            "testContent" : testContent
                        },success:function (res) {
                        	if(res.msg=="YES"){
                        		
                        		layer.closeAll();
                        		if(text == "学生评价表"){
                        			
                        			table.reload('EvaTable',{
										url:'/selectE_student'
									});
                        			
                        		}else{
                        			
                        			table.reload('EvaTable',{
										url:'/selectE_Teacher'
									});
                        		}
								
                        		layer.msg("修改成功");
                        		
                        	}else{
                        		layer.msg("修改失败");
                        	}
                            
                        },error:function(){
                            layer.msg("系统错误");
                        }
                    })
                    
                }
        		return false; 
        	})
        })
        
        
        //点击学生评价表按钮
        $("#btn2").on("click",function(){
        	var text = $(this).text();
        	console.log(text);
        	$("#span").html(text);
        	table.reload('EvaTable', {
				url : '/selectE_student'
			})
        })
        
        //点击教师同行评价表按钮
        $("#btn1").on("click",function(){
        	var text = $(this).text();
        	console.log(text);
        	$("#span").html(text);
        	table.reload('EvaTable', {
				url : '/selectE_Teacher'
			})
        })
        
        
        
       
    })

})